.app-course{
    width: 100%;
    height: 100%;
    main{
        .box{
            width: 100%;
    
            

            #newCourseBox{
                img{
                    height: 200px;
                    width: 100%;
                    border-radius: 15px;
                    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
                }

                p:last-child{
                    right: 20px;
                    bottom: 135px;
                }
            }
            #CourseBox{
                .course{
                    height: 140px;
                    border-radius: 15px;
                    overflow: hidden;
                    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
                    img{
                        width: 100%;
                        height: 140px;
                    }
                    p{
                        position: absolute;
                        left: 10px;
                    }
                    p:nth-child(2){
                        top: 56px;
                    }
                    p:nth-child(3){
                        top: 90px;
                    }
                }
            }
            
        }
        
    }
    footer{
        height: 80px;
        background-color: #fff;
    }
}